@import 'antd/lib/style/themes/default.less';
.container {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
  flex: 1;
  padding-left: 352px;
  .left-container {
    position: fixed;
    top: 64px;
    left: 226px;

    transition: all .5s;
  }
}
.left-container {
  flex-direction: 0;

  width: 328px;
  height: calc(100vh - 136px);
  margin-right: 24px;

  background-color: #fff;
}
.right-container {
  flex: auto;
}
.right-inner {
  padding: 12px 48px 0 48px;

  background-color: #fff;
}
.right-title-line {
  display: flex;
  align-items: center;
  justify-content: space-between;

  height: 60px;
  margin-bottom: 12px;

  border-bottom: 1px solid @border-color-base;
}
.right-title {
  font-size: @heading-4-size;

  color: @heading-color;
}
.result-line {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;

  height: 48px;
}
.result-line-title {
  font-size: @font-size-base;
  font-weight: 700;

  color: @heading-color;
}
.result-line-value {
  font-size: @font-size-base;
  font-weight: 700;

  color: @error-color;
}
.board-btn-block {
  padding-top: 12px;
}
.board-btn {
  font-size: @font-size-base;

  color: @text-color;
  &.active {
    color: @primary-color;
  }
}
.right-content-block {
  display: none;
  &.active {
    display: block;
  }
}
